---
title: 시작
description: 콘텐츠 중심의 웹사이트를 위한 웹 프레임워크인 Astro를 사용하는데 도움을 주는 가이드, 리소스, API 참조를 제공합니다.
i18nReady: true
tableOfContents: false
editUrl: false
next: false
hero:
  title: Astro 문서
  tagline: Astro를 사용하는데 도움을 주는 가이드, 리소스, API 참조를 제공합니다.
  actions:
    - text: Astro 설치하기
      icon: rocket
      link: /ko/install-and-setup/
    - text: Astro의 특징 알아보기
      icon: right-arrow
      variant: minimal
      link: /ko/concepts/why-astro/
  facepile:
    tagline: Astro와 오픈 소스 기여자들의 도움으로 만들어졌습니다.
    linkText: 우리와 함께해요!
    link: /ko/contribute/
---

import { CardGrid } from '@astrojs/starlight/components'
import Card from '~/components/Landing/Card.astro'
import ListCard from '~/components/Landing/ListCard.astro'
import SplitCard from '~/components/Landing/SplitCard.astro'
import Discord from '~/components/Landing/Discord.astro'

<CardGrid>
  <Card title="Astro로 무엇을 만들고 싶나요?" icon="laptop">
   블로그, 포트폴리오, 문서, 랜딩 페이지, SaaS, 마케팅, 이커머스 사이트 등을 위한 [Astro 스타터 테마](https://astro.build/themes/)를 살펴보세요!
  </Card>

  <Card title="가이드 투어 떠나기" icon="star">  
    기본 사항을 배우고 첫 Astro 사이트를 만들려면 초보자를 위한 [블로그 만들기 튜토리얼](/ko/tutorial/0-introduction/)을 완료하세요.
  </Card>

  <SplitCard title="새 프로젝트 시작" icon="rocket">
    ```sh
    # npm으로 새 프로젝트 만들기
    npm create astro@latest
    ```
    
    [설치 가이드](/ko/install-and-setup/)에는 CLI 마법사를 사용하여 Astro를 설치하고, 기존 Astro GitHub 리포지토리를 통해 새 프로젝트를 생성하고, Astro를 직접 설치하는 단계별 지침이 있습니다.
  </SplitCard>

  <ListCard title="학습" icon="open-book">
    - [Astro의 주요 특징](/ko/concepts/why-astro/)
    - [아일랜드 아키텍처](/ko/concepts/islands/)
    - [Astro 컴포넌트](/ko/basics/astro-components/)
    - [Astro 템플릿 구문](/ko/reference/astro-syntax/)
  </ListCard>

  <ListCard title="확장" icon="puzzle">
    - [React, Partytown과 같은 통합 추가](/ko/guides/integrations-guide/)
    - [타입 안전 콘텐츠 컬렉션 생성](/ko/guides/content-collections/)
    - [뷰 전환을 사용한 탐색 기능 향상](/ko/guides/view-transitions/)
    - [프로젝트에 헤드리스 CMS 연결](/ko/guides/cms/)
  </ListCard>
</CardGrid>

<Discord title="질문이 있거나 참여하고 싶나요?" cta="Discord에 참여하기"/>
